@keyframes blurReveal {
  0% {
    filter: blur(16px);
    opacity: 0;
    transform: translateY(30px) scale(0.97);
  }
  100% {
    filter: blur(0);
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

.blurReveal {
  animation: blurReveal var(--duration, 1200ms) cubic-bezier(0.22, 1, 0.36, 1);
  animation-fill-mode: forwards;
  will-change: filter, opacity, transform;
} 